<!-- 创作中心提示弹窗 -->
<template>
	<u-popup :show='show' :round='30'>
		<view class="box">
			<view class="titles">
				<text>请仔细阅读</text>
				<image src="https://yzxk.oss-cn-hangzhou.aliyuncs.com/images/mine/create/close.png" @click="$emit('close')"></image>
			</view>
			<view class="aircleBox"  v-html="content"></view>
		</view>
	</u-popup>
</template>

<script>
	export default {
		props: {
			show: {
				type: Boolean,
				default: false
			},
			content:{
				type:String,
				require:true
			}
		},
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		width: 100%;
		height: 570px;
		background: #F6F6F6;
		box-shadow: 0px 3px 22px 0px rgba(62, 58, 60, 0.1100);
		border-radius: 15px 15px 0px 0px;

		.titles {
			font-size: 38rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #111111;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			padding: 0 32rpx;
			height: 106rpx;
			margin-bottom: 6rpx;
			background: #fff;
			border-radius: 15px 15px 0px 0px;

			&>image {
				width: 44rpx;
				height: 44rpx;
				margin-left: 28%;
			}
		}

		.aircleBox {
			width: 100%;
			box-sizing:border-box;
			height: 514px;
			padding: 56rpx 30rpx 56rpx 60rpx;
			background: #fff;
			overflow: hidden;
			overflow-y: visible;
			font-size: 14px;
			font-family: PingFang SC;
			font-weight: 500;
			color: #727272;
			line-height: 23px;
		}
	}
</style>
